<template>
    <div class="main">
        <van-nav-bar
            :title="$t('m.Me')"
            left-arrow
            @click-left="onClickLeft"
        />
        <div class="nav-bar" @click="$router.push('/me/help')">
            <img src="../../static/img/wenhao.png" style="width:23px">
            <span>{{$t('m.Helpandsupport')}}</span>
            <img src="../../static/img/rightArrow.png" alt="" style="width:23px;height:23px;">
        </div>
        <div class="nav-bar" @click="$router.push('/me/language')">
            <img src="../../static/img/language.png" style="width:23px">
            <span>{{$t('m.Language')}}</span>
            <img src="../../static/img/english.png" alt="">
            <img src="../../static/img/rightArrow.png" style="width:23px;height:23px;">
        </div>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                start: ''
            }
        },
        methods: {
            onClickLeft() {
                this.$router.go(-1)
            },
        }
    }
</script>
<style>
    .main{
        font-family: Zawgyi-One, Heslvetica Neue,Helvetica,Arial,sans-serif !important;
    }
    .nav-bar {
        display: flex;
        height: 40px;
        border-bottom: solid 1px rgba(0,0,0,.3);
        align-items: center;
        padding:10px;
    }

    .nav-bar span {
        flex: 1;
        margin-left:10px;
    }



</style>
